<#include "/WEB-INF/default/fragment/nev.ftl">
<style type="text/css">
    .remodal{
        max-width: 80%!important;
    }
</style>
<script>
    $(document).on('opening', '.remodal', function() {
        /*console.log('opening');*/
    });

    $(document).on('opened', '.remodal', function() {
        /*console.log('opened');*/
    });

    $(document).on('closing', '.remodal', function(e) {
        /*console.log('closing' + (e.reason ? ', reason: ' + e.reason : ''));*/
    });

    $(document).on('closed', '.remodal', function(e) {
        /*console.log('closed' + (e.reason ? ', reason: ' + e.reason : ''));*/
    });

    $(document).on('confirmation', '.remodal', function() {
        /*console.log('confirmation');*/
    });

    $(document).on('cancellation', '.remodal', function() {
        /*console.log('cancellation');*/
    });

    $('[data-remodal-id=modal2]').remodal({
        modifier: 'with-red-theme'
    });
    </script>
<div class="remodal" data-remodal-id="my-project" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
    <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
    <div>
        <h2 id="modal1Title">邀请成员</h2>
        <div id="modal1Desc">
            <div class="team-list">
                <table id="table" class="table table-hover">
                    <thead>
                        <tr align="center">
                            <!-- <td>团队名称</td>
                            <td>团队描述</td>
                            <td>个性域名</td>
                            <td>成员数量</td>
                            <td>开始时间/结束时间</td>
                            <td>团队状态</td>
                            <td>完成进度</td> -->
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <!-- <td>java1605</td>
                            <td>Java 专业，第1605实训部门</td>
                            <td><a href="###">/team-1/</a></td>
                            <td>15</td>
                            <td>2016-11-21/2017-04-15</td>
                            <td>正在实训中</td>
                            <td>82%</td>
                            <td>
                                <div class="btns">
                                    <button class="btn btn-info">邀请</button>
                                    <button class="btn btn-warning">移除</button>
                                </div>
                            </td> -->
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <br>
    <button data-remodal-action="confirm" class="remodal-confirm">返回</button>
    <button id="btn-project-member" data-remodal-action="cancel" class="remodal-cancel">分组成员</button>
    <script type="text/javascript">

        $('#btn-project-member').click(function(event) {
            window.location.href='#project-member';
        });
        $('.btns>btn-info').click(function(event) {
            
        });
    </script>
</div>
<div class="remodal" data-remodal-id="project-member" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
    <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
    <div>
        <h2 id="modal1Title">成员列表</h2>
        <div id="modal1Desc">
            <div class="team-list">
                <table id="table" class="table table-hover">
                    <thead>
                        <tr align="center">
                            <!-- <td>团队名称</td>
                            <td>团队描述</td>
                            <td>个性域名</td>
                            <td>成员数量</td>
                            <td>开始时间/结束时间</td>
                            <td>团队状态</td>
                            <td>完成进度</td> -->
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <!-- <td>java1605</td>
                            <td>Java 专业，第1605实训部门</td>
                            <td><a href="###">/team-1/</a></td>
                            <td>15</td>
                            <td>2016-11-21/2017-04-15</td>
                            <td>正在实训中</td>
                            <td>82%</td>
                            <td>
                                <div class="btns">
                                    <button class="btn btn-warning">移除</button>
                                </div>
                            </td> -->
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <br>
    <button data-remodal-action="confirm" class="remodal-confirm">返回</button>
    <button id="btn-invit-member" data-remodal-action="cancel" class="remodal-cancel">邀请成员</button>
    <script type="text/javascript">
        $('#btn-invit-member').click(function(event) {
            window.location.href='#invite-view';
        });
    </script>
</div>
<div class="remodal" data-remodal-id="right" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
    <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
    <div>
        <h2 id="modal1Title">创建成功</h2>
        <p id="modal1Desc">
            <img class="right" src="./assets/image/smile.png">
        </p>
    </div>
    <br>
    <!-- <button data-remodal-action="cancel" class="remodal-cancel">返回</button> -->
    <button data-remodal-action="confirm" class="remodal-confirm">返回</button>
</div>
<div class="remodal" data-remodal-id="wrong" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
    <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
    <div>
        <h2 id="modal1Title">创建失败</h2>
        <p id="modal1Desc">
            <img class="right" src="./assets/image/cry.png">
        </p>
    </div>
    <br>
    <!-- <button data-remodal-action="cancel" class="remodal-cancel">返回</button> -->
    <button data-remodal-action="confirm" class="remodal-confirm">返回</button>
</div>
<#include "/WEB-INF/default/fragment/footer.ftl">